@charset "utf-8";
$font-size:12;/**********变量元素*********/
@function bgg($px){/************函数样式************/
    @return $px/$font-size*(640/640)*1rem;
}
html{/**************html根字体大小**************/
    font-size: $font-size*1px;
}

/***********这里是页面*********/
.web{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    header{
        /***********头部样式************/
    }
    section{/**********这里是内容样式**********/
        width: 100%;
        margin-top: bgg(95);
        margin-bottom: bgg(95);
        .logo{/**********<!--这里四广告牌-->***********/
            position: relative;
            width: 100%;
            height: 100%;
            margin: 0 auto;
            img{
                display: block;
                width: 100%;
                height: bgg(357);
                margin-top: bgg(-6);
            }
            .opacity{/************<!--这里是阴影部分-->**********/
                position: absolute;
                bottom: 0;
                left: 0;
                content: "";
                z-index: +1;
                width: 100%;
                height: bgg(107);
                background: rgba(0,0,0,0.3);
                p{
                    color: #ffffff;
                    font-size: bgg(26.63);
                    margin-top: bgg(13);
                    margin-left: bgg(28);
                }
                .timing{
                    margin-left: bgg(28);
                    margin-top: bgg(10);
                    position: relative;
                    .shijian{
                        color: #ffffff;
                        font-size: bgg(26.63);
                        position: absolute;
                        top: 0;
                        left: 0;
                    }
                    .shijian+span{
                        color: #ffffff;
                        font-size: bgg(16);
                        margin-left: bgg(33);
                        margin-top: bgg(2);
                        display: inline-block;
                    }
                    .weizhi{
                        color: #ffffff;
                        font-size: bgg(27);
                        position: absolute;
                        top: bgg(-1);
                        left: bgg(231);
                    }
                    .weizhi+span{
                        color: #ffffff;
                        font-size: bgg(16);
                        padding-left: bgg(53);
                    }
                }
            }
        }
        .kuai{/*************<!--这一块是主要内容-->*************/
            width: 100%;
            height: bgg(27);
            background: #f5f5f5;
        }
        .apply{/*************这里是预约报名*************/
            width: 91.10%;
            height: 100%;
            display: block;
            margin: bgg(28) auto;
//          position: relative;
            .yuan{
                width: bgg(58);
                height: bgg(58);
                background: #898989;
                border-radius: 50%;
                margin-right: bgg(15);
            }
            .kimin{
                p{
                    color: #c5c5c5;
                    font-size: bgg(28);
                    margin-top: bgg(-5);
                }
                span{
                    color: #c5c5c5;
                    font-size: bgg(18);
                }
            }
            .yuyue{
                position: relative;
                a{
                    width: bgg(228);
                    height: bgg(58);
                    background: #b20000;
                    text-decoration: none;
                    display: inline-block;
//                  text-align: center;
                    line-height: bgg(58);
                    color: #ffffff;
                    font-size: bgg(28.12);
                    span{
                        padding-left: bgg(40);
                    }
                    .dian{
                        width: bgg(26);
                        height: bgg(26);
                        background: #ffffff;
                        border-radius: 50%;
                        position: absolute;
                        
                        top: bgg(18);
                        left: bgg(165);
                    }
                    .chevron{
                        font-size: bgg(30);
                        color: #b20000;
                        position: absolute;
//                      z-index: +1;
                        top: bgg(4);
                        right: bgg(35);
                    }
                }
            }
            .yidong{
                color: #323232;
                font-size: bgg(24.86);
                margin-top: bgg(10);
                padding-left: bgg(5);
                display: inline-block;
            }
            .meike{
                span{
                    color: #323232;
                    font-size: bgg(16);
                    margin-top: bgg(23);
                    display: inline-block;
                    margin-right: bgg(5);
                }
            }
            .hengxian{
                border: bgg(1) solid #e4e4e4;
                width: 100%;
                margin-top: bgg(5);
            }
            .img{
                img{
                    display: block;
                    width: 100%;
                    height: bgg(435);
                    margin-top: bgg(15);
                }
            }
        }
    }
    footer{
        /*************这里是尾部样式*************/
    }
}
